<template>
	<view>
		<!-- <u-empty text="暂无收藏~" mode="favor"></u-empty> -->
		<view v-for="item in shoping" class="shopping" >
			<img :src="item.url" alt="" class="shop-img"/>
			<view class="shopping-title">{{item.title}}</view><br>
			<view class="shoppingi">{{item.i}}</view>
			<view class="mai"@click="shopping(item)">去购买</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				shoping: [{
						url: '../../static/maozi.png',
						title: '羊羔毛皮毛一体外套女欧洲站秋冬2021新款欧货女装时尚洋气机车服',
						i: '￥0.1',
						t: '￥128',
						http:'/pages/productDetails/productDetails'
					},
					]
			};
		},
		methods:{
			shopping(item){
				uni.navigateTo({
					url:item.http
				})
			}
		}
	}
</script>

<style lang="scss">
	.price {
		margin-top: 100rpx;
		font-size: 28rpx;
		color: gray;
		text-decoration: line-through;
		float: left;
	}
	
	.mai {
		margin-top: 100rpx;
		float: right;
		width: 120rpx;
		height: 50rpx;
		color: red;
		border: 1px solid red;
		text-align: center;
		border-radius: 25rpx;
	}
	.shop-img{
		width: 240rpx;
		height:240rpx; 
		float: left;
		border-radius: 20rpx;
	}
	.shopping {
		float: left;
		margin-top: 20rpx;
	}
	.shoppingi{
		color: red;
		 margin-top: 100rpx;
		  float: left;
	}
	.shopping-title{
		font-weight: 400;
		margin-left: 10rpx;
	}
</style>
